<template>
  <el-row :gutter="2">
    <el-form :disabled="!editable" size="mini" label-width="160px">
      <el-col :span="12">
        <el-form-item label="收货人">
          <el-input
            v-model="poExt.recName"
            size="mini"
            class="filter-item" />
        </el-form-item>
        <el-form-item label="收货人电话">
          <el-input
            v-model="poExt.recPhone"
            size="mini"
            class="filter-item" />
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="收货地址">
          <el-input
            v-model="poExt.recAddress"
            size="mini"
            class="filter-item" />
        </el-form-item>
        <el-form-item label="收货公司名">
          <el-input
            v-model="poExt.recCompanyName"
            size="mini"
            class="filter-item" />
        </el-form-item>
      </el-col>
    </el-form>
  </el-row>
</template>

<script>
export default {
  components: { },
  props: {
    poExt: {
      type: Object,
      default: () => {},
      required: true
    },
    editable: {
      type: Boolean,
      default: false,
      required: false
    }
  },
  data() {
    return {
      loading: false,
      style: 'width: 150px'
    }
  },
  methods: {
  }
}
</script>
